/* 桌面端 */
@media screen and (min-width: 911px) {
    .blog-write-main {
        display: flex;
        flex-direction: row;
        background-color: var(--bg-color-one);
        flex: 1;
    }

    .blog-write-left {
        display: flex;
        flex: 3;
        overflow-x: hidden;
    }

    .blog-write-right {
        display: flex;
        flex-direction: column;
        flex: 1;
    }

    .blog-write-title{
        margin: 0.5em;
    }

    .blog-write-editor {
        margin: 0.5em;
        overflow-x: hidden;
        flex: 1;
    } 
    
    .blog-write-type {
        margin: 0.5em;
        display: flex;
        flex-direction: row;
    }

    .blog-write-type-label {
        display: flex;
        padding: 0.5em;
        align-items: center;
        /*垂直方向居中*/
        justify-content: center;
        /*水平方向居中*/
        border-right: 1px solid var(--border-color-three);
        color: var(--font-six);
    }

    .blog-write-button {
        display: flex;
        flex-direction: row;
        margin: 0.5em;
    }

    .blog-write-button button{
        flex: 1;
    }
}

/* 移动端 */
@media screen and (max-width: 910px) {
    .blog-write-main {
        display: flex;
        flex-direction: column;
        background-color: var(--bg-color-one);
        flex: 1;
    }

    .blog-write-left {
        display: flex;
        flex: 3;
    }

    .blog-write-right {
        display: flex;
        flex-direction: column;
        flex: 1;
    }

    .blog-write-title{
        margin: 0.5em;
    }

    .blog-write-editor {
        margin: 0.5em;
        overflow-x: hidden;
    } 
    
    .blog-write-type {
        margin: 0.5em;
        display: flex;
        flex-direction: row;
    }

    .blog-write-type-label {
        display: flex;
        padding: 0.5em;
        align-items: center;
        /*垂直方向居中*/
        justify-content: center;
        /*水平方向居中*/
        border-right: 1px solid var(--border-color-three);
        color: var(--font-six);
    }

    .blog-write-button {
        display: flex;
        flex-direction: row;
        margin: 0.5em;
    }

    .blog-write-button button{
        flex: 1;
    }
}